// 入口文件
//导入react包
import React from 'react'
//导入渲染包 react-dom
import ReactDOM from 'react-dom/client'

console.log(1111)

// 目标: 创建元素 渲染在页面中
// document.createElement('div')

// 1. 创建元素
const span = React.createElement(
  'span',
  {
    id: 'demo',
    className: 'demo',
    title: '我是提示文本',
  },
  '我是span',
  React.createElement('p', null, '我是出现的子节点'),
  React.createElement('p', null, '我是出现的第二个子节点')
) // h函数

// 2. 创建挂载点
const root = ReactDOM.createRoot(document.getElementById('root'))

// 3. 元素需要渲染在挂载点中
root.render(span)

// 17的写法:
// import React from "react";
// import  ReactDOM  from "react-dom";

// const h1 = React.createElement(
//   'h1'
// )
